<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Carrito usuario" />
            <ui:define name="body">
                <rich:panel>
                    <a4j:form>
                        <a4j:commandButton value="Index" action="index" />
                        <rich:extendedDataTable id="tblCarrito" height="360px" value="#{CarritoBean.itemsCarrito}" var="cr">
                            <rich:column width="100" filterBy="#{cr.mueble.referencia}" sortBy="#{cr.mueble.referencia}" label="Referencia">
                                <f:facet name="header">
                                    Referencia
                                </f:facet>
                                #{cr.mueble.referencia}
                            </rich:column>
                            <rich:column width="100" filterBy="#{cr.mueble.nombre}" sortBy="#{cr.mueble.nombre}" label="Nombre">
                                <f:facet name="header">
                                    Nombre
                                </f:facet>
                                #{cr.mueble.nombre}
                            </rich:column>
                            <rich:column width="100" filterBy="#{cr.mueble.tipo}" sortBy="#{cr.mueble.tipo}" label="Tipo">
                                <f:facet name="header">
                                    Tipo
                                </f:facet>
                                #{cr.mueble.tipo}
                            </rich:column>
                            <rich:column width="150" filterBy="#{cr.mueble.material}" sortBy="#{cr.mueble.material}" label="Material">
                                <f:facet name="header">
                                    Material
                                </f:facet>
                                #{cr.mueble.material}
                            </rich:column>
                            <rich:column width="100" filterBy="#{cr.mueble.color}" sortBy="#{cr.mueble.color}" label="Color">
                                <f:facet name="header">
                                    Color
                                </f:facet>
                                #{cr.mueble.color}
                            </rich:column>
                            <rich:column width="100" filterBy="#{cr.cantidad}" sortBy="#{cr.cantidad}" label="Color">
                                <f:facet name="header">
                                    Cantidad
                                </f:facet>
                                #{cr.cantidad}
                            </rich:column>
                            <rich:column width="80" label="op" >
                                <f:facet name="header" >
                                    Operaciones
                                </f:facet>
                                <h:graphicImage value="/img/del.gif" onclick="dele(#{cr.mueble.referencia})" styleClass="icon" />
                                <rich:spacer width="3" />
                            </rich:column>
                        </rich:extendedDataTable>
                        <a4j:commandButton value="Agregar mas productos" action="muebles"/>
                        <a4j:commandButton value="Pagar" action="#{CarritoBean.pagarCarrito}"/>

                    </a4j:form>
                    <a4j:form>
                        <a4j:jsFunction name="dele" action="#{CarritoBean.delete}" reRender="tblCarrito" oncomplete="" >
                            <a4j:actionparam name="p1" assignTo="#{CarritoBean.id}" />
                        </a4j:jsFunction>
                        <a4j:jsFunction name="verMueble" action="#{CatalogBean.findById}" reRender="stpEdicion" oncomplete="" >
                            <a4j:actionparam name="p1" assignTo="#{CatalogBean.id}" />
                        </a4j:jsFunction>
                        
                    </a4j:form>

                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>